    	* {
			list-style: none;
    		margin: 0;
    		padding: 0;
    		font-size: 1em;
		}
		body{
			background-image: url(../img/tjut-bg-4.png);
		}
		a:hover, a:visited, a:link, a:active {
		    text-decoration: none;
			color:none;
			}
    	.noTouch{
    		pointer-events: none;
    	}
    	/*导航栏*/
		.navForm{
			margin-left:0em;
		}
		.navForm-1{
			background-color: aliceblue;
			width:0.5em;
			height:0.2em;
		}
		.navForm-2{
			background-color: aliceblue;
			width:0.5em;
			height:0.2em;
			margin-top:0.4em;
			margin-bottom:0.4em
		}
    	.navigation {
    		display: flex;
    		justify-content: space-between;
    		align-items: center;
    		height: 4em;
    		position: relative;
    		background-image: url(../img/bg-i.png);
			box-shadow:0px 0px 10px black;
    	}
		.navigation i{
			color:white;
			font-size:1.5em;
			margin-right:1em;
		}
    	.user_image {
    		width: 3em;
    		height: 3em;
    		background-image: url(../img/avatar.jpg);
			background-size:cover;
			box-shadow:0px 0px 5px black;
    		border-radius: 50%;
    		margin-left: 0px;
		}
		#user_image{
			display:flex;
			justify-content:space-between;
			align-items: center;
		}
    	#user_group,#user_email{
    		width: 1em;
    		height: 1em;
			border-radius:1em;
    		background-color: black;
			margin:0.5em;
    	}
    	#user_email{
    		margin-right: 0.5em;
    	}
    	#search{
    		width: 10em;
    		height: 2.5em;
    		border: 0;
    		border-radius: 30px;
    		outline: none;
    		padding-left: 0.5em ;
    	}
    	/*用户页面*/
    	.user {
    		display: flex;
    		flex-wrap: wrap;
    		top: 0;
			left: 0;
    		position: absolute;
    	}
    	.user_page {
    		width: 80%;
    		height: 100%;
    		background-color: skyblue;
    	}
    	.back_page {
    		height: 100%;
    		width: 20%;
    		opacity: 0;
    		background-color: gray;
    	}
		#avatar{
			background-color: black;
			width:100%;
			height:12em;
			padding-top:3em;
		}
		#avatar>a{
			display:block;
			margin-right: auto;
			margin-left: auto;
			width:6em;
			height:6em;
			background-color: white;
			border-radius:6em;
			position: relative;
		}
		#avatar>p{
			margin-top:1em;
			color:white;
			text-align: center;
		}
		#avatar img{
			top: 0.5px;
			position: absolute;
			border-radius: 50%;
		}
		.userSignature{
			color:white;
			text-align:center;
			font-size:0.7em;
		}
		.userForm{
			border-top:1px solid white;
		}
		.userForm>div>p{
			display:block;
			margin-left:2em;
			font-size:1.5em;
		}
		.userForm>div{
			width:100%;
			border-top:1px solid white;
			border-bottom:1px solid white;
			height:3em;
			line-height:3em;
			background-color: blanchedalmond;
		}
		/*主页面*/
		img{
			width:100%;
			height:auto;
		}
		.container{
			width:100%;
			background-color: #FFEBCD;
		}
		/*主页面背景轮播图*/
		.containerImg{

			position: relative;
			width:100%;
			height:17em;
			overflow: hidden;
			background-color: cadetblue;
			
		}
		#imgList{
			position: absolute;
			left: 0px;
			
		}
		#imgList li{
			float: left;
		}
		#navDiv{
			width: 10em;
			position: absolute;
			bottom: 1em;
			left: 0;
		}
		#navDiv a{
			width: 1em;
			height: 0.5em;
			background-color: white;
			opacity: 0.3;
			float: left;
			border-radius: 1em;
			margin: 0 1em;
		}
		/*主页面轮播图下方的列表 */
		.containerList{
			width:100%;
			height:12em;
			background-image: url(../img/bg-3.jpg); 
			background-size: cover;
			padding:1px;
			box-shadow: 0px 0px 7px #000000;
		} 
		.containerList-1{
			margin-top:3em;
			width:100%;
			/*height:6em;*/
			/*background-color: #87CEEB;*/
			display:flex;
			justify-content: space-between;
			background-color: rgba(255, 255, 255, 0.4);
			border-radius:2em;
			margin-right:.1em;
		}
		.containerList-1>div{
			height:4.5em;
			width:6em;
			margin:1em;
			/* background-color: #F0F8FF; */
			
		}
		.containerList-1>div>li{
			border-radius: 2em;
			text-decoration: none;
			display:block;
			width:3em;
			height:3em;
			background-size: cover;
		}
		.containerList-1>div>p{
			font-size:1em;
			display:block;
			margin-left:0.5em;
			color:black;
		}
		/*人物展示栏*/
		/*人物展示栏*/
		.banner{
			margin-bottom:4em;
			background-color: pink;
			height: 1000px;
			width:100%;
		}
		/*底部栏*/
		.bottom{
			position:fixed;
			bottom:0;
			width:100%;
			height: 3em;
			background-color: chocolate;
			z-index:100;
			box-shadow:0px 5px 30px #808080;
		}
		#missionPublish{
			width: 4em;
			height: 4em;
			border-radius: 50%;
			position: absolute;
			left: 0;
			right: 0;
			margin: auto;
			top: -40%;
		}
		.buttomRight{
			float: right;
			width: 48%;
			height: 100%;
			background-color: white;
		}
		.buttomLeft p,.buttomRight p{
			color: black;
			font-size: 2em;
			text-align: center;
		}
		.buttomLeft{
			width: 51%;
			height: 100%;
			background-color: white;
		}
		.fa-th{
			font-size:1.1em;
			color:gray;
		}
		.fa-th:acitve{
			transition:.5s linear;
			box-shadow:0px 0px 10px white;
		}
		.fa-th:hover{
			transition:.5s linear;
			box-shadow:0px 0px 10px white;
		}
		.fa-address-card{
			font-size:1.1em;
			color:gray;
		}
		/*
		 * 加号
		 */
		.cross{
			position: absolute;
			width: 4em;
			height: 4em;
			background-color: #87CEEB;
			border: 5px solid dodgerblue;
			border-radius: 50%;
			box-shadow: 0px 0px 8px black;
		}
		.cross:hover{
			transition:.5s linear;
			box-shadow:0px 0px 10px white;
		}
		.cross:active{
			transition:.5s linear;
			box-shadow:0px 0px 10px white;
		}
		#popping_close .cross_close{
			border: 5px solid rgba(255, 255, 255, 0.8);
		}
		#closeButton{
			transform: rotate(0deg);
			transition: transform 0.3s linear;
		}
		.cross_a,
		.cross_b {
			position: absolute;
			top: 45%;
			left: 19%;
			background: white;
		}
		
		.cross_a {
			width: 2.5em;
			height: 0.5em;
		}
		
		.cross_b {
			width: 0.5em;
			height: 2.5em;
			margin-left: 1em;
			margin-top: -1em;
		}


/*
 * 拖动轮播图，将背景设置成固定定位
 */
		.position_fixed{
			position: fixed;
		}
		/* .transition_1{
			transition: 1s;
		} */
/*任务广场*/
img{
	width: 100%; 
	height: auto;
	max-width: 100%; 
	display: block;
}
#missions{
	/*height: 1000px;*/
}
.missionForm{
	float:left;
	width:90%;
	margin-top:1em;
	margin-left:5%;
	background-color: rgba(255,255,255,0.4);
	box-shadow:0px 0px 6px black;
	border-radius: 1em;
	margin-bottom:2.25em;
}
/*任务块中的头像栏*/
.avatar{
	float:left;
	background-image:url(../img/avatar.jpg);
	background-size: cover;
	width:3em;
	height:3em;
	margin-top:1em;
	margin-left:1em;
	border-radius: 3em;
	box-shadow:0px 0px 10px black;
}
.personSend{
	display:block;
	float:left;
	margin-left:.5em;
	margin-top:1em;
	font-size:1em;
}
.missionTime{
	display:block;
	font-size:.75em;
	float:left;
	margin-left:.5em;
	margin-top: 1.75em;
	color: #632b1a;
}
.missionMon{
	float:left;
	margin-top:1em;
	margin-left:1em;
}
.price{
	color:orangered;
}
.missionName{
	clear:left;
	margin-right:.5em;
	margin-left:1.5em;
	margin-top:.5em;;
	font-size:1.25em;
}
.missionContent{
	display:block;
	clear:all;
	margin-top:.5em;
	margin-left:2em;
	margin-right:.5em;
	word-break: break-all;
}
/*弹出窗口*/
#elasticFrame{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height:100%;
	background-color: rgba(0, 0, 0, 0.3);
	display: none;
	z-index: 999999;
}
#mission{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin-top:5em;
	margin-bottom:8em;
	margin-left:auto;
	margin-right:auto;
	width: 80%;
	background-color: rgba(255,255,255,0.9);
}
.check{
	display:none;
}
.personNumberA{
	display:none;
}
.personAccept{
	display:none;
}
#closeBtn{
	display: block;
	width: 20px;
	height: 20px;
	/*background-color: #000000;*/
	float: right;
}
#closeBtn:hover{
	cursor: pointer;
}
.place{
	margin-left:2em;
	margin-left:2em;
	word-break: break-all;
}
.missionForm>button{
	box-shadow: 0px 0px 10px black;
	color: white;
	width: 6em;
	height: 3em;
	border-radius: 2em;
	border: none;
	background-color: royalblue;
	display:block;
}

#undefined{
	float:left;
	margin:1em;
}
.accept{
	float:left;
	margin:1em;
	display: none;
}
.think{
	float:right;
	margin:1em;
	display: none;
}
/*隐藏mission中的内容*/
.missionForm>.missionContent,
.missionForm .personAccept,
.missionForm .personNumberA,
.missionForm .check,
.personNumberS
{
	display: none;
}
